<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	<title>Vue基础</title>
	<script src="vue.js" type="text/javascript"></script>
</head>
<body>
<div id="app" class="app">   <!-- 双标签都支持 -->
	{{ message }}
	<h2>{{ school.name }} {{ school.mobile }}</h2>
	<ul>
		<li>{{campus[0]}}</li>
		<li>{{campus[1]}}</li>
		<li>{{campus[2]}}</li>
		<li>{{campus[3]}}</li>
	</ul>
</div>

<script type="text/javascript">
	var app=new Vue({
		el:"#app",
		data:{
			message:"hello world",
			school:{
				name:"辽宁工业大学",
				mobile:"156****4742"
		},
		campus:["锦州","葫芦岛","沈阳","大连"],
		},
	})
</script>

</body>
</html>
